.slideInUp {
	animation-name: slideInUp;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes slideInUp {
	0% {
		transform: translateY(200px);
	}
	100% {
		transform: translateY(0px);
	}
}

.slideInDown {
	animation-name: slideInDown;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes slideInDown {
	0% {
		transform: translateY(-200px);
	}
	100% {
		transform: translateY(0px);
	}
}

.slideOutUp {
	animation-name: slideOutUp;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes slideOutUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(200px);
	}
}

.slideOutDown {
	animation-name: slideOutDown;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes slideOutDown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-200px);
	}
}

.fadeInUp {
	animation-name: fadeInUp;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(100px);
		transform: scaleY(1.2);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	animation-name: fadeInDown;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeOutUp {
	animation-name: fadeOutUp;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes fadeOutUp{
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-100px);
	}
}

.fadeOut {
	animation-name: fadeOut;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	// animation-direction: alternate;
}
@keyframes fadeOut{
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}
